<%-- 
    Document   : CON_VISTA_CHEQUE
    Created on : 05-nov-2014, 10:11:43
    Author     : equipo_4
--%>

<%@page import="java.text.DateFormat"%>
<%@page import="java.text.SimpleDateFormat"%>
<%@page import="CONTABILIDAD_MODELO.CON_FECHA_CIERRE"%>
<%@page import="java.util.Date"%>
<%@page import="java.util.Calendar"%>
<%@page import="java.sql.ResultSet"%>
<%@page import="Conexion.Conexion"%>
<%@page import="RRHH_Modelo.RHH_USUARIO"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script src="../login/js/jquery-1.8.2.min.js" type="text/javascript"></script>
        <script src="../js/jquery-ui.js" type="text/javascript"></script>
         <script src="../js/jquery.ui.touch-punch.js" type="text/javascript"></script>
         <script src="../login/js/jquery.transform.js" type="text/javascript"></script>
         <link href="../css/NuevoStilo.css" rel="stylesheet" type="text/css"/>
         <script src="../js/jspdf.min.js" type="text/javascript"></script>
        <title>BROKER</title>
    </head>
    <body>
        <%
            RHH_USUARIO usuario = ((RHH_USUARIO)request.getSession().getAttribute("usr"));
            Conexion con = new Conexion(usuario.getUSUARIO(), usuario.getPASSWORD());      
            CON_FECHA_CIERRE fecha = new CON_FECHA_CIERRE();
            fecha.setCon(con); 
            DateFormat format5 = new SimpleDateFormat("dd");
            int mes=fecha.mesActual();
            int ano=fecha.anoActual();
            Date dt =Calendar.getInstance().getTime();  
            
        %>
        
         <div id="CuerpoFormulario">
            <h1 id="tituloFormulario">REPORTE DE PROYECTO</h1>
            <div id="contenedorBuscadorEstrella">
                <div style="margin-top: -58px;position: fixed;" id="entreperiodo">
                    <span class="negrillaenter">Periodo</span>
                    <input type="text" id="año" placeholder="AÑO" class="chico">
                    <select id="mes" >                                            
                        <option value="1">ENERO</option>
                        <option value="2">FEBRERO</option>
                        <option value="3">MARZO</option>
                        <option value="4">ABRIL</option>
                        <option value="5">MAYO</option>
                        <option value="6">JUNIO</option>
                        <option value="7">JULIO</option>
                        <option value="8">AGOSTO</option>
                        <option value="9">SEPTIEMBRE</option>
                        <option value="10">OCTUBRE</option>
                        <option value="11">NOVIEMBRE</option>
                        <option value="12">DICIEMBRE</option>
                    </select>
                </div>
                
                <div id="entrefechas" style="position: fixed;">
                    <input id="de" type="text" class="chico" placeholder="DESDE"/>
                    <input id="hasta" type="text" class="chico" placeholder="HASTA"/>
                </div>               
                <div  style="position: fixed;  width: 10px;">
                    <button id="busquedaEstrella" data-estado="0" style="border-radius: 50px;" > <img src="../img/iconos/lupa.png" alt=""/></button>
                    <div id="buscadoresEstrella" style="opacity: 0; transform: translate(0px, 0px) rotate(0rad) skewX(0rad) scale(0.1, 0.1); margin-top: -137px; height: 350px; width: 600px;">
                        <input class="grande" type="text" value="" style="position: relative; top: 115px; left: 370px;" name="bdescripcion" placeholder="DESCRIPCION">
                        <input class="normal" type="text" value="" style="position: relative; top: 74px; left: -46px;" name="bcod_comprobante" placeholder="CODIGO COMPROBANTE">
                        <input class="normal" type="text" value="" style="position: relative; left: -97px; top: 37px;" name="bfecha" placeholder="FECHA">
                        <input class="normal" type="text" value="" style="position: relative; top: 291px; left: -208px;" name="bcod_cuenta" placeholder="COD CUENTA">
                        <input class="grande" type="text" value="" style="position: relative; top: 80px;" name="bdesc_cuenta" placeholder="DESC CUENTA">
                        <input class="normal" type="text" value="" style="position: relative; top: 39px; left: 81px;" name="bcod_centro" placeholder="COD CENTO">
                        <input class="grande" type="text" value="" style="position: relative; left: 33px; top: 125px;" name="bdesc_centro" placeholder="DESC CENTRO">
                        <input class="grande" type="text" value="" style="position: relative; top: 90px;" name="bglosa_cuenta" placeholder="GLOSA CUENTA">
                        <input class="grande" type="text" value="" style="position: relative; top: 134px; left: 148px;" name="bglosa_comp" placeholder="GLOSA COMPROBANTE">
                        <input class="grande" type="text" value="" style="position: relative; top: 94px;" name="bdesc_comp" placeholder="DESC COMPROBANTE">
                        <div style="position: relative; display: inline-block; height: 28px; border-radius: 5px; border: thin solid rgb(79, 115, 139); background: none repeat scroll 0px 0px rgb(101, 152, 174); padding: 0px 10px; color: rgb(171, 205, 239); top: 148px; left: -21px;">
                        <input class="" type="radio" value="" name="bestado" placeholder="EST." style="margin-top: 6px; margin-right: 3px;" data-val="1">
                        <span class="negrilla" style="display: inline-block;">ANULADO</span>
                        <input class="" type="radio" value="" name="bestado" placeholder="EST." style="margin-top: 6px; margin-right: 3px;" data-val="0">
                        <span class="negrilla">VIGENTE</span>
                        </div>
                        <input class="pequeño" type="text" value="" style="position: relative; top: 218px; left: -184px;" name="bdebe" placeholder="DEBE">
                        <input class="pequeño" type="text" value="" style="position: relative; top: 218px; left: -181px;" name="bhaber" placeholder="HABER">
                   </div>
                </div>
            </div>
                    
            <div class="contenedor100 altoGrande">
                <div>
                    <table id="table" border=1 cellspacing=0 cellpadding=2 bordercolor="666633">
                        <thead style="background: blue; color: white;">
                            <th>DESCRIPCION</th>
                            <th>CODIGO COMPROBANTE</th>
                            <th>TIPO</th>
                            <th>FECHA</th>
                            <th>CODIGO CUENTA</th>
                            <th>DESCRIPCION CUENTA</th>
                            <th class="cc">COD CENTRO</th>
                            <th class="cc">DESC CENTRO</th>
                            <th>GLOSA CUENTA</th>
                            <th>GLOSA COMPROBANTE</th>
                            <th>DESC COMPROBANTE</th>                
                            <th>DEBE</th>
                            <th>HABER</th>
                            <th>ESTADO</th>
                        </thead>
                        <tbody style="font-size: 15px; font-weight: bolder;" id="tbudy">
                            <%
                                double sumadebe=0;
                                double sumahaber=0;
                                String consulta = "select * from BROKER.CON_VISTA_PROYECTO ORDER BY CODIGO_COMPROBANTE";
                                ResultSet rs = con.EjecutarConsulta(consulta);
                                while(rs.next())
                                {
                                    out.print("<tr>");                       
                                    out.print("<td>"+rs.getString("DESCRIPCION")+"</td>");
                                    out.print("<td>"+rs.getString("CODIGO_COMPROBANTE")+"</td>");
                                    out.print("<td>"+rs.getDate("FECHA")+"</td>");
                                    out.print("<td>"+rs.getString("CODIGO_CUENTA")+"</td>");
                                    out.print("<td>"+rs.getString("DESCRIPCION_CUENTA")+"</td>");

                                    String cod_cen = rs.getString("CODIGO_CENTRO_COSTO");
                                    if(cod_cen!=null)
                                        out.print("<td class='cc'>"+cod_cen+"</td>");
                                    else
                                        out.print("<td class='cc'></td>");

                                    String desc_cen = rs.getString("DESCRIPCION_CENTRO_COSTO");
                                    if(desc_cen!=null)
                                        out.print("<td class='cc'>"+desc_cen+"</td>");
                                    else
                                        out.print("<td class='cc'></td>");

                                    out.print("<td>"+rs.getString("GLOSA_CUENTA")+"</td>");
                                    out.print("<td>"+rs.getString("GLOSA_COMPROBANTE")+"</td>");
                                    out.print("<td>"+rs.getString("DESCRIPCION_COMPROBANTE")+"</td>");
                                    double debe = rs.getDouble("DEBE_TC");
                                    sumadebe+=debe;
                                    out.print("<td>"+debe+"</td>");
                                    double haber=rs.getDouble("HABER_TC");
                                    sumahaber+=haber;
                                    out.print("<td>"+haber+"</td>");

                                    Double estado = rs.getDouble("Estado");    
                                    out.print("<td><span data-id=\""+rs.getDouble("ID")+"\"></span>");
                                    if(estado==0.0)
                                    {
                                        out.print("<input onchange='estado(this);'  type='checkbox' checked/>");
                                    }
                                    else
                                    {
                                        out.print("<input onchange='estado(this);'  type='checkbox'/>");
                                    }                        


                                    out.print("</td>");
                                    out.print("</tr>");
                                }
                            %>
                            <tr>
                                <td colspan="10">TOTAL</td>
                                <td><%out.print(sumadebe);%></td>
                                <td><%out.print(sumahaber);%></td>
                                <td></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
         </div>
        <footer>
            <a href="#" onclick="imprimirPdf()"><img src="../img/iconos/imprimir.png" /><br/>
                IMPRIMIR
            </a>
            <a href="#" onclick="exportarPdf()"><img src="../img/iconos/pdf.png" /><br/>
                EXPORTAR PDF
            </a>
            <a href="#" id="Atras"><img src="../img/iconos/excel.png" /><br/>
                EXPORTAR EXCEL
            </a>
         </footer>
        <script type="text/javascript">
            var mes = <%out.print(mes);%>;
            var ano = <%out.print(ano);%>;           
            var dia = <%out.print(format5.format(dt));%>;
            var de="";
            var hasta="";
            
             
            
            $("#mes").change(function (){
                mes = $(this).find("option:selected").val();
                concc(1);
            });
            
            $("#año").keyup(function(e){
                if(e.keyCode==13){
                     ano = $(this).val();
                     buscar(1);
                }
            });
            function estado(valor)
            {
                var id = $(valor).prev().data("id");
                var estado = 1;
                if($(valor)[0].checked)
                {
                    estado=0;
                }

                $.post("../CON_VISTA_PROYECTO_CONTROLLER",{evento:"estado",id:id,estado:estado},function(data){
                    
                });
            }
           $(window).resize(function(){
                $("#de").parent().css({
                    top:$(".contenedor100").position().top-39, 
                    left:($(".contenedor100").position().left+$(".contenedor100").width())-225
                });
                if($("#busquedaEstrella").data("estado")==0){
                   $("#busquedaEstrella").parent().css({
                      top:$(".contenedor100").position().top-149, 
                      left:($(".contenedor100").position().left+$(".contenedor100").width())-322  
                 });
               }else{
                  $("#busquedaEstrella").parent().css({
                        left: ($(window).width() - $('#buscadoresEstrella').outerWidth())/2,
                        top: ($(window).height() -  $('#buscadoresEstrella').outerHeight())/2 
                 }); 
               }
            });
            function efectoTrue(){
               efecto=true;
           }
            $("#de,#hasta").datepicker({ 
                dateFormat: "dd/mm/yy",
                closeText: 'Cerrar',
                prevText: 'Anterior',
                nextText: 'Siguiente',
                firstDay: 1,
                dayNames: [ "Domingo", "Lunes", "Martes", "Miercoles", "Jueves", "Viernes", "Sabado" ],
                dayNamesMin: [ "Do", "Lu", "Ma", "Mi", "Ju", "Vi", "Sa" ],
                monthNames: [ "Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre" ],
                monthNamesShort: [ "Ene", "Feb", "Mar", "Abr", "May", "Jun", "Jul", "Ago", "Sep", "Oct", "Nov", "Dec" ],
                onSelect: function(dateText) {   
                   de = $("#de").val();
                   hasta = $("#hasta").val();                   
                   if(de!=""&&hasta!="")
                    {      
                        $("#de, #hasta").val("");
                        concc(2);
                    }
                }
            });
            $("input[name=bfecha]").datepicker({ 
                dateFormat: "dd/mm/yy",
                closeText: 'Cerrar',
                prevText: 'Anterior',
                nextText: 'Siguiente',
                firstDay: 1,
                dayNames: [ "Domingo", "Lunes", "Martes", "Miercoles", "Jueves", "Viernes", "Sabado" ],
                dayNamesMin: [ "Do", "Lu", "Ma", "Mi", "Ju", "Vi", "Sa" ],
                monthNames: [ "Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre" ],
                monthNamesShort: [ "Ene", "Feb", "Mar", "Abr", "May", "Jun", "Jul", "Ago", "Sep", "Oct", "Nov", "Dec" ],
                onSelect: function(dateText) {   
                }
            });
             
             $(document).ready(function(){
                 
                 
                 
                 
                $("#año").val(ano);
                $("#mes option[value="+mes+"]").attr("selected","selected");
                 $("#de").parent().css({
                    top:$(".contenedor100").position().top-39, 
                    left:($(".contenedor100").position().left+$(".contenedor100").width())-225
                 });
                 $("#busquedaEstrella").parent().css({
                      top:$(".contenedor100").position().top-149, 
                      left:($(".contenedor100").position().left+$(".contenedor100").width())-322  
                 });
                  $("#busquedaEstrella").parent().css({
                      top:$(".contenedor100").position().top-149, 
                      left:($(".contenedor100").position().left+$(".contenedor100").width())-322  
                 });
                 concc(1);
            });
            var vistos = false;
           var efecto=true;
           $("#busquedaEstrella").click(function(){
                    var btn=$(this);
                    if(efecto){
                        if(btn.data("estado")==0){
                            efecto=false;
                            $("#buscadoresEstrella").parent().animate({
                               left: ($(window).width() - $('#buscadoresEstrella').outerWidth())/2,
                               top: ($(window).height() -  $('#buscadoresEstrella').outerHeight())/2
                            },500,function(){

                               $("#busquedaEstrella").animate({
                                    transform: 'scale(2)',
                                },500,efectoTrue());  
                               $("#buscadoresEstrella").animate({
                                    transform: 'scale(1)',
                                    opacity:1
                                },500); 
                            });

                            btn.data("estado","1");
                        }else{
                            efecto=false;
                            $("#buscadoresEstrella").animate({
                                transform: 'scale(0.1)',
                                opacity:0
                            },500,function(){
                                 $("#busquedaEstrella").animate({
                                    transform: 'scale(1)',
                                },500);
                                $("#buscadoresEstrella").parent().animate({
                                    top:($(".contenedor100").position().top-149), 
                                    left:($(".contenedor100").position().left+$(".contenedor100").width())-322 
                                },500,function (){
                                    buscar();
                                    efectoTrue();
                                });
                            });
                            btn.data("estado","0");
                        }
                    }
           });
            function buscar()
            {               
                var desc = $("input[name=bdescripcion]").val();
                var bcod_comprobante = $("input[name=bcod_comprobante]").val();
                var bfecha = $("input[name=bfecha]").val();
                var bcod_cuenta = $("input[name=bcod_cuenta]").val();
                var bdesc_cuenta = $("input[name=bdesc_cuenta]").val();
                var bcod_centro = $("input[name=bcod_centro]").val();
                var bdesc_centro = $("input[name=bdesc_centro]").val();
                var bglosa_cuenta = $("input[name=bglosa_cuenta]").val();
                var bglosa_comp = $("input[name=bglosa_comp]").val();
                var bdesc_comp = $("input[name=bdesc_comp]").val();
                var estado = $("input[name=bestado]:checked");
                var est="";
                if(estado.length>0){
                    est=estado.data("val");
                }
                var bdebe = $("input[name=bdebe]").val();
                var bhaber = $("input[name=bhaber]").val();
                if(bdebe.length>0 && isNaN(bdebe)){
                    limpiar();
                    return;
                }
                if(bhaber.length>0 && isNaN(bhaber)){
                    limpiar();
                    return;
                }
                $.post("../CON_VISTA_PROYECTO_CONTROLLER",{evento:"buscarnombre",desc:desc,bcod_comprobante:bcod_comprobante,
                bfecha:bfecha,bcod_cuenta:bcod_cuenta,bdesc_cuenta:bdesc_cuenta,bcod_centro:bcod_centro,bdesc_centro:bdesc_centro,
                bglosa_cuenta:bglosa_cuenta,bglosa_comp:bglosa_comp,bdesc_comp:bdesc_comp,bestado:est,bdebe:bdebe,bhaber:bhaber},function(data){
                    $("#tbudy").html(data);
                    limpiar()
                });
            }   
            function limpiar(){
              
            }
            function concc(tipo)
            {
                 $.post("../CON_VISTA_PROYECTO_CONTROLLER",{evento:"concc",mes:mes,ano:ano,de:de,hasta:hasta,tipo:tipo},function(data){
                    $("#tbudy").html(data);
                });                
            }
            function exportarPdf(){
                var doc=Pdf();
                doc.save('Reporte de cheques.pdf');
            }
            function imprimirPdf(){
                var doc=Pdf();
                var string = doc.output('datauri');
                var iframe = "<embed src='"+string+"' style=\"width: 900px; height: 600px; margin: 0 auto; display: block;\">";
                var x = window.open();
                x.document.open();
                x.document.write(iframe);
                x.document.close();
            }
            function Pdf(){
                var description="Este reporte de proyecto fue generado el periodo de "+$("#mes option:selected").text()+" del "+$("#año").val();
                if(de!=""&&hasta!=""){
                   description="Este reporte de proyecto fue generado entre las fechas de "+de+" y "+hasta;
                }
                var doc = new jsPDF("l","mm","letter");
                var date = new Date();
                var mes=(date.getMonth()+1)+"";
                mes=mes.length===1?"0"+mes:mes;
                var dia=date.getDate()+"";
                dia=dia.length===1?"0"+dia:dia;
                var año=date.getFullYear();
                var hora=date.getHours()+"";
                hora=hora.length===1?"0"+hora:hora;
                var min=date.getMinutes()+"";
                min=min.length===1?"0"+min:min;
                var seg=date.getSeconds()+"";
                seg=seg===1?"0"+seg:seg;
                var fecha=dia+"/"+mes+"/"+año+" "+hora+":"+min+":"+seg;
                doc.text(125,10,"REPORTE PROYECTO");
                var fila=32;
                var hoja=1;
                var puntoini=25;
                doc.setFontSize(8);
                doc.text(7,18,description);
                doc.setFontType("bold");
                doc.text(7,28,"CODIGO");
                doc.text(26,28,"FECHA");
                doc.text(40,28,"TIPO");
                doc.text(57,28,"GLOSA");
                doc.setFontSize(6.6);
                doc.text(82,28,"DESCRIPCION");
                doc.setFontSize(8);
                doc.text(101,28,"CODIGO CUENTA");
                doc.text(131,28,"DESCRIPCION CUENTA");
                doc.text(170,28,"CODIGO CENTRO");
                doc.text(202,28,"DESCRIPCION CENTRO");
                doc.text(237,28,"EST.");
                doc.text(250,28,"DEBE");
                doc.text(264,28,"HABER");
                
                doc.line(5,25,274,25);
                doc.line(5,29,274,29);
                
                doc.setFontSize(7);
                doc.setFontType("normal");
                var tabla=$("table tr");
                for (i = 1; i < tabla.length; i++) {
                    var tr=$(tabla[i]);
                    if(tabla.length-1==i){     
                        fila-=2;
                        doc.line(5,fila,274,fila);
                        doc.line(244,puntoini,244,fila);
                        fila+=3;
                        doc.text(238,fila,tr.find("td:eq(0)").text());
                        var debe=tr.find("td:eq(1)").text();
                        doc.text(258-debe.length*1.2,fila,debe);
                        var haber=tr.find("td:eq(2)").text();
                        doc.text(273-haber.length*1.2,fila,haber);
                    }else{
                        doc.text(6,fila,tr.find("td:eq(1)").text());
                        doc.text(24,fila,tr.find("td:eq(3)").text());
                        doc.text(42,fila,tr.find("td:eq(2)").text().substring(0,1));
                        var glosa=tr.find("td:eq(9)").text();
                        glosa=glosa.length>29?glosa.substring(0,29)+"..":glosa;
                        doc.text(48,fila,glosa);
                        var desc=tr.find("td:eq(0)").text();
                        desc=desc.length>11?desc.substring(0,11):desc;
                        doc.text(81,fila,desc);
                        doc.text(101,fila,tr.find("td:eq(4)").text());
                        
                        var descuen=tr.find("td:eq(5)").text();
                        descuen=descuen.length>23?descuen.substring(0,23)+"..":descuen;
                        doc.text(128,fila,descuen);
                        doc.text(166,fila,tr.find("td:eq(6)").text());
                        var descentro=tr.find("td:eq(7)").text();
                        descentro=descentro.length>21?descentro.substring(0,21)+"..":descentro;
                        doc.text(199,fila,descentro);
                        var debe=tr.find("td:eq(13) input").attr("checked");
                        debe=debe=="checked"?"1":"0";
                        doc.text(237,fila,debe);
                        var debetc=tr.find("td:eq(11)").text();
                        doc.text(258-debetc.length*1.2,fila,debetc);
                        var hebrtc=tr.find("td:eq(12)").text();
                        doc.text(273-hebrtc.length*1.2,fila,hebrtc);
                    }
                    fila+=3;
                    if(fila>209){
                        fila-=2;        
                        doc.line(5,puntoini,5,fila);
                        doc.line(23,puntoini,23,fila);
                        doc.line(39,puntoini,39,fila);
                        doc.line(47,puntoini,47,fila);
                        doc.line(80,puntoini,80,fila);
                        doc.line(100,puntoini,100,fila);
                        doc.line(127,puntoini,127,fila);
                        doc.line(165,puntoini,165,fila);
                        doc.line(198,puntoini,198,fila);
                        doc.line(236,puntoini,236,fila);
                        doc.line(244,puntoini,244,fila);
                        doc.line(259,puntoini,259,fila);
                        doc.line(274,puntoini,274,fila);
                        doc.line(5,fila,274,fila);
                        puntoini=10;
                        doc.text(5,212,"Fecha realizada:  "+fecha);
                        doc.text(265,212,"Hoja #"+hoja);
                        hoja++;
                        fila=10;
                        doc.addPage(); 
                        doc.line(5,fila,274,fila);
                        fila+=3;
                    }
                }
                fila-=2;
                doc.line(5,puntoini,5,fila);
                doc.line(23,puntoini,23,fila);
                doc.line(39,puntoini,39,fila);
                doc.line(47,puntoini,47,fila);
                doc.line(80,puntoini,80,fila);
                doc.line(100,puntoini,100,fila);
                doc.line(127,puntoini,127,fila);
                doc.line(165,puntoini,165,fila);
                doc.line(198,puntoini,198,fila);
                doc.line(236,puntoini,236,fila);
                
                doc.line(259,puntoini,259,fila);
                doc.line(274,puntoini,274,fila);
                
                doc.line(5,fila,274,fila);
                doc.setFontType("normal");
                doc.text(5,212,"Fecha realizda:  "+fecha);
                doc.text(265,212,"Hoja #"+hoja);
                return doc;
            }
        </script>
    </body>
</html>
